$(window).on('load', function () {
  "use strict";
  /*=========================================================================
          Preloader
  =========================================================================*/
  $("#preloader").delay(750).fadeOut('slow');


});

/*=========================================================================
            Home Slider
=========================================================================*/
$(document).ready(function () {
  "use strict";



  /*=========================================================================
          Slick sliders
  =========================================================================*/
  $('.post-carousel-lg').slick({
    dots: true,
    arrows: true,
    slidesToShow: 1,
    slidesToScroll: 1,
    fade: true,
    cssEase: 'linear',
    responsive: [
      {
        breakpoint: 768,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1,
          dots: true,
          arrows: false,
        }
      }
    ]
  });

  $('.post-carousel-featured').slick({
    dots: true,
    arrows: false,
    slidesToShow: 5,
    slidesToScroll: 2,
    responsive: [
      {
        breakpoint: 1440,
        settings: {
          slidesToShow: 4,
          slidesToScroll: 4,
          dots: true,
          arrows: false,
        }
      },
      {
        breakpoint: 1024,
        settings: {
          slidesToShow: 3,
          slidesToScroll: 3,
          dots: true,
          arrows: false,
        }
      },
      {
        breakpoint: 768,
        settings: {
          slidesToShow: 2,
          slidesToScroll: 2,
          dots: true,
          arrows: false,
        }
      }
      ,
      {
        breakpoint: 576,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1,
          dots: true,
          arrows: false,
        }
      }
    ]
  });

  $('.post-carousel-twoCol').slick({
    dots: false,
    arrows: false,
    slidesToShow: 2,
    slidesToScroll: 1,
    responsive: [
      {
        breakpoint: 768,
        settings: {
          slidesToShow: 2,
          slidesToScroll: 2,
          dots: false,
          arrows: false,
        }
      },
      {
        breakpoint: 576,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1,
          dots: false,
          arrows: false,
        }
      }
    ]
  });
  // Custom carousel nav
  $('.carousel-topNav-prev').click(function () {
    $('.post-carousel-twoCol').slick('slickPrev');
  });
  $('.carousel-topNav-next').click(function () {
    $('.post-carousel-twoCol').slick('slickNext');
  });


  $('.post-carousel-widget').slick({
    dots: false,
    arrows: false,
    slidesToShow: 1,
    slidesToScroll: 1,
    responsive: [
      {
        breakpoint: 991,
        settings: {
          slidesToShow: 2,
          slidesToScroll: 1,
        }
      },
      {
        breakpoint: 576,
        settings: {
          slidesToShow: 1,
          centerMode: true,
          slidesToScroll: 1,
        }
      }
    ]
  });
  // Custom carousel nav
  $('.carousel-botNav-prev').click(function () {
    $('.post-carousel-widget').slick('slickPrev');
  });
  $('.carousel-botNav-next').click(function () {
    $('.post-carousel-widget').slick('slickNext');
  });

  /*=========================================================================
          Sticky header
  =========================================================================*/
  var $header = $(".header-default, .header-personal nav, .header-classic .header-bottom"),
    $clone = $header.before($header.clone().addClass("clone"));

  $(window).on("scroll", function () {
    const fromTop = $(window).scrollTop();
    const header = document.querySelector('.header');
    header.style.transition = 'all 0.4s'
        if (fromTop > 100) {
        header.style.transition = 'top 0.4s, background-color 0.4s, box-shadow 0.4s'; // 添加过渡效果
        header.style.position = 'fixed';
        header.style.top = '0'; // 将 top 属性从默认值变为 0，触发过渡效果
        header.style.zIndex = 10;
        header.style.backgroundColor = '#fff';
        header.style.boxShadow = '0 0 5px 5px rgba(0,0,0,0.1)';
    } else {
        header.style.transition = 'none';
        header.style.position = 'static';
        header.style.top = '';
        header.style.zIndex = '';
        header.style.backgroundColor = '';
        header.style.boxShadow = '';
    }
    // $('body').toggleClass("down", (fromTop > 300));
  });

});

$(function () {
  "use strict";

  /*=========================================================================
          Sticky Sidebar
  =========================================================================*/
  // $('.sidebar').stickySidebar({
  //   topSpacing: 60,
  //   bottomSpacing: 30,
  //   containerSelector: '.main-content',
  // });

  /*=========================================================================
          Vertical Menu
  =========================================================================*/
  $(".submenu").before('<i class="icon-arrow-down switch"></i>');

  $(".vertical-menu li i.switch").on('click', function () {
    var $submenu = $(this).next(".submenu");
    $submenu.slideToggle(300);
    $submenu.parent().toggleClass("openmenu");
  });

  /*=========================================================================
          Canvas Menu
  =========================================================================*/
  $("button.burger-menu").on('click', function () {
    $(".canvas-menu").toggleClass("open");
    $(".main-overlay").toggleClass("active");
  });

  $(".canvas-menu .btn-close, .main-overlay").on('click', function () {
    $(".canvas-menu").removeClass("open");
    $(".main-overlay").removeClass("active");
  });

  /*=========================================================================
          Popups
  =========================================================================*/
  $("button.search").on('click', function () {
    $(".search-popup").addClass("visible");
  });

  $(".search-popup .btn-close").on('click', function () {
    $(".search-popup").removeClass("visible");
  });

  $(document).keyup(function (e) {
    if (e.key === "Escape") { // escape key maps to keycode `27`
      $(".search-popup").removeClass("visible");
    }
  });

  /*=========================================================================
          Tabs loader
  =========================================================================*/
  $('button[data-bs-toggle="tab"]').on('click', function () {
    $(".tab-pane").addClass("loading");
    $('.lds-dual-ring').addClass("loading");
    setTimeout(function () {
      $(".tab-pane").removeClass("loading");
      $('.lds-dual-ring').removeClass("loading");
    }, 500);
  });

  /*=========================================================================
          Social share toggle
  =========================================================================*/
  $('.post button.toggle-button').each(function () {
    $(this).on('click', function (e) {
      $(this).next('.social-share .icons').toggleClass("visible");
      $(this).toggleClass('icon-close').toggleClass('icon-share');
    });
  });

  /*=========================================================================
  Spacer with Data Attribute
  =========================================================================*/
  var spacer = document.getElementsByClassName('spacer');

  for (let i = 0; i < spacer.length; i++) {
    const size = list[i].getAttribute('data-height');
    spacer[i].style.height = "" + size + "px";
  }

  /*=========================================================================
  Background Image with Data Attribute
  =========================================================================*/
  var list = document.getElementsByClassName('data-bg-image');

  for (let i = 0; i < list.length; i++) {
    const bgImage = list[i].getAttribute('data-bg-image');
    list[i].style.backgroundImage = "url('" + bgImage + "')";
  }




  // 自己写的
  // 鼠标移入展示二维码
  $('.fa-weixin').on('mouseenter', function () {
    $('.qrcode').css('display', 'block')
  }).on('mouseleave', function () {
    $('.qrcode').css('display', 'none')
  })

  // if (document.body.clientWidth <= 768) {
  //   document.querySelector('.burger-menu').style.display = 'block'
  // }


  // 窗口缩放到移动端展示导航栏
  // window.addEventListener('resize', function () {
  //   if (document.body.clientWidth <= 768) {
  //     document.querySelector('.burger-menu').style.display = 'block'
  //   } else {
  //     document.querySelector('.burger-menu').style.display = 'none'
  //   }
  // })


});